<style lang="scss">
.detail_com {
  .detail-kv__row {
    height: var(--detail-kv__row-height, 30px);
  }
  .detail-kv__label {
    text-align: right;
    width: var(--detail-kv__label-width, 120px);
  }
  .detail-kv__value {
    padding-left: var(--detail-kv__label-padding-left, 10px);
  }
}
</style>

<script>
import {CommonCurdDialgMixin} from "@/zpkgs/components/z-datatable/CurdDialgMixin";
import {renderKeyValues} from "@example/views/datatable/mixins";

export default {
  name: 'DetailCom',
  mixins: [
      CommonCurdDialgMixin
  ],
  methods: {
    $_renderProps(h) {
      let self = this
      // console.log(self.columns)
      return renderKeyValues(h, self.row, self.columns, self.index, { from: 'keyValue' })
    }
  },
  render(h) {
    // console.log(this.columns, this.row)

    let props = this.$_renderProps(h)

    return (<div class="detail_com">{props}</div>)
  }
}
</script>
